<footer>
  <div class="footer-menu">
    <div class="footer-box" [routerLink]="['./home']" [routerLinkActive]="'btn-active'">
      <i class="fa fa-home"></i>
      <span>首页</span>
    </div>
  </div>
  <div class="footer-menu">
    <div class="footer-box" [routerLink]="['./category']" [routerLinkActive]="'btn-active'">
      <i class="fa fa-th"></i>
      <span>分类</span>
    </div>
  </div>
  <div class="footer-menu">
    <div class="footer-box" [routerLink]="['./explore']" [routerLinkActive]="'btn-active'">
      <i class="fa fa-paper-plane"></i>
      <span>发现</span>
    </div>
  </div>
  <div class="footer-menu">
    <div class="footer-box" [routerLink]="['./user']" [routerLinkActive]="'btn-active'">
      <i class="fa fa-user"></i>
      <span>我的</span>
    </div>
  </div>
</footer>
